<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">

        ul{
            list-style: none;
        }
        li{
            float: left;
            width: 50px;
            border: 1px solid grey;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <ul id="list">
        <li>111</li>
        <li>222</li>
        <li>333</li>
        <li>444</li>
    </ul>
    <script>
        window.onload=function () {
            var list=document.getElementById("list");
            list.onclick=function (ev) {
                var ev=event||window.event;
                var target=ev.target||ev.srcElement;
                if(target.nodeName.toLowerCase()=="li")
                {
                    alert(target.innerHTML);
                }
            }
        }
    </script>
</body>
</html>